<div class="well grey">
                            <div class="well-header">
                                <h5>Multimedia table</h5>
                                <ul>
                                    <li class="color_pick"><a href="#"><i class="icon-th"></i></a>
                                        <ul>
                                            <li><a class="blue set_color" href="#"></a></li>
                                            <li><a class="light_blue set_color" href="#"></a></li>
                                            <li><a class="grey set_color" href="#"></a></li>
                                            <li><a class="pink set_color" href="#"></a></li>
                                            <li><a class="red set_color" href="#"></a></li>
                                            <li><a class="orange set_color" href="#"></a></li>
                                            <li><a class="yellow set_color" href="#"></a></li>
                                            <li><a class="green set_color" href="#"></a></li>
                                            <li><a class="dark_green set_color" href="#"></a></li>
                                            <li><a class="turq set_color" href="#"></a></li>
                                            <li><a class="dark_turq set_color" href="#"></a></li>
                                            <li><a class="purple set_color" href="#"></a></li>
                                            <li><a class="violet set_color" href="#"></a></li>
                                            <li><a class="dark_blue set_color" href="#"></a></li>
                                            <li><a class="dark_red set_color" href="#"></a></li>
                                            <li><a class="brown set_color" href="#"></a></li>
                                            <li><a class="black set_color" href="#"></a></li>
                                        </ul>
                                    </li>
                                </ul>
                            </div>

                            <div class="well-content">
                                <div class="table_options top_options">
                                    <div class="pull-left">
                                        <span class="inline">Search:</span>
                                        <input type="text">
                                    </div>

                                    <div class="pull-right">
                                        <span class="inline">1-20 of 45</span>
                                        <div class="btn-group">
                                            <a href="#" class="btn"><i class="icon-angle-left"></i></a>
                                            <a href="#" class="btn"><i class="icon-angle-right"></i></a>
                                        </div>
                                        <div class="btn-group">
                                            <a href="#" class="btn"><i class="icon-cog"></i></a>
                                        </div>
                                    </div>
                                </div>
                                <table class="table multimedia table-hover">
                                    <thead>
                                        <tr>
                                            <th>#</th>
                                            <th>Image</th>
                                            <th>First Name</th>
                                            <th>Last Name</th>
                                            <th>ID</th>
                                            <th>Date</th>
                                            <th>User Status</th>
                                            <th>Actions</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td>1</td>
                                            <td><img src="demo/avatar_06.png" alt="Avatar"></td>
                                            <td>Amanda</td>
                                            <td>Lynn</td>
                                            <td>63115752-9B4D-F00D-602D-7375-6F7318C8</td>
                                            <td>March 27th, 2013</td>
                                            <td><span class="label label-important">Suspended</span></td>
                                            <td>
                                                <div class="btn-group">
                                                    <a class="btn" href="#"><i class="icon-arrow-right"></i></a>
                                                    <a class="btn" href="#"><i class="icon-trash"></i></a>
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>2</td>
                                            <td><img src="demo/avatar_06.png" alt="Avatar"></td>
                                            <td>Ursula</td>
                                            <td>Orr</td>
                                            <td>7CA8C7ED-9C4D-3A33-175A-4E52-7687A621</td>
                                            <td>August 13th, 2013</td>
                                            <td><span class="label label-warning">Disabled</span></td>
                                            <td>
                                                <div class="btn-group">
                                                    <a class="btn" href="#"><i class="icon-arrow-right"></i></a>
                                                    <a class="btn" href="#"><i class="icon-trash"></i></a>
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>3</td>
                                            <td><img src="demo/avatar.png" alt="Avatar"></td>
                                            <td>Tana</td>
                                            <td>Frye</td>
                                            <td>2B8CFCE6-28A0-ED85-5FFC-11FE-BF24D19F</td>
                                            <td>September 17th, 2013</td>
                                            <td><span class="label label-success">Active</span></td>
                                            <td>
                                                <div class="btn-group">
                                                    <a class="btn" href="#"><i class="icon-arrow-right"></i></a>
                                                    <a class="btn" href="#"><i class="icon-trash"></i></a>
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>4</td>
                                            <td><img src="demo/avatar_03.png" alt="Avatar"></td>
                                            <td>Bert</td>
                                            <td>Compton</td>
                                            <td>D21AA709-7CB9-C94C-C99D-2895-454E8615</td>
                                            <td>April 12th, 2013</td>
                                            <td><span class="label label-warning">Disabled</span></td>
                                            <td>
                                                <div class="btn-group">
                                                    <a class="btn" href="#"><i class="icon-arrow-right"></i></a>
                                                    <a class="btn" href="#"><i class="icon-trash"></i></a>
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>5</td>
                                            <td><img src="demo/avatar_04.png" alt="Avatar"></td>
                                            <td>Cameron</td>
                                            <td>Sherman</td>
                                            <td>7B9106D9-FAC7-42CA-6B3C-C850-98BA4E7C</td>
                                            <td>August 22nd, 2013</td>
                                            <td><span class="label label-warning">Disabled</span></td>
                                            <td>
                                                <div class="btn-group">
                                                    <a class="btn" href="#"><i class="icon-arrow-right"></i></a>
                                                    <a class="btn" href="#"><i class="icon-trash"></i></a>
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>6</td>
                                            <td><img src="demo/avatar_05.png" alt="Avatar"></td>
                                            <td>Iliana</td>
                                            <td>Gutierrez</td>
                                            <td>0EA2B596-8631-B3A3-F48E-C47D-225D6C36</td>
                                            <td>May 28th, 2014</td>
                                            <td><span class="label label-important">Suspended</span></td>
                                            <td>
                                                <div class="btn-group">
                                                    <a class="btn" href="#"><i class="icon-arrow-right"></i></a>
                                                    <a class="btn" href="#"><i class="icon-trash"></i></a>
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>7</td>
                                            <td><img src="demo/avatar_03.png" alt="Avatar"></td>
                                            <td>Piper</td>
                                            <td>Mcdowell</td>
                                            <td>FD52892C-1096-879A-C608-A738-19C458D4</td>
                                            <td>January 26th, 2014</td>
                                            <td><span class="label label-warning">Disabled</span></td>
                                            <td>
                                                <div class="btn-group">
                                                    <a class="btn" href="#"><i class="icon-arrow-right"></i></a>
                                                    <a class="btn" href="#"><i class="icon-trash"></i></a>
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>8</td>
                                            <td><img src="demo/avatar.png" alt="Avatar"></td>
                                            <td>Sophia</td>
                                            <td>Norman</td>
                                            <td>343ADE74-EFE6-377C-3B1B-860B-DE77952C</td>
                                            <td>August 23rd, 2012</td>
                                            <td><span class="label label-warning">Disabled</span></td>
                                            <td>
                                                <div class="btn-group">
                                                    <a class="btn" href="#"><i class="icon-arrow-right"></i></a>
                                                    <a class="btn" href="#"><i class="icon-trash"></i></a>
                                                </div>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                                <div class="table_options bottom_options">
                                    <div class="pull-right">
                                        <span class="inline">1-20 of 45</span>
                                        <div class="btn-group">
                                            <a href="#" class="btn"><i class="icon-angle-left"></i></a>
                                            <a href="#" class="btn"><i class="icon-angle-right"></i></a>
                                        </div>
                                        <div class="btn-group">
                                            <a href="#" class="btn"><i class="icon-cog"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>